export const basicUsage = `import {PhButton,PhButtonGroup} from 'phoeon'
interface Button{
    type:{
        type:String,
        <primary|success|warning|danger|golden>
    },
    title:{type:String},
    align:{type:String},
    naked:{type:Boolean,default:false},//颜色继承，背景边框透明，padding：0
    mini:{type:Boolean,default:false},//padding:   0 font-size:   12px
    radius:{type:Boolean,default:false},
    active:{type:Boolean,default:false},
    block:{type:Boolean,default:false},//块按钮display：block，width：100%
    icon:{type:String},
    iconRight:{type:String}
}
interface ButtonGroup{
    justify:    string from <xxx from css:justify-content:xxx>
    container:{
        type:Boolean,
        default:false //<true=>button{margin:5px}>
    }
}
`;
export const basicBtn = `<ph-button-group :container="true">
    <ph-button type="primary">基本</ph-button>
    <ph-button type="success">成功</ph-button>
    <ph-button type="warning">警告</ph-button>
    <ph-button type="danger">危险</ph-button>
    <ph-button >默认</ph-button>
    <ph-button type="golden">金色</ph-button>
</ph-button-group>`;
export const nakedBtn = `<ph-button-group :container="true">
    <ph-button icon="chrome" title="chrome" :naked="true"></ph-button>
    <ph-button icon="safari" title="safari" :naked="true"></ph-button>
    <ph-button icon="firefox" title="firefox" :naked="true"></ph-button>
    <ph-button icon="internet-explorer" title="internet" :naked="true"></ph-button>
    <ph-button icon="safari" title="safari" :naked="true" ></ph-button>
    <ph-button icon="chrome" title="chrome" :naked="true"></ph-button>
</ph-button-group>`;
export const miniBtn = `<ph-button-group :container="true">
    <ph-button :mini="true" type="primary">基本</ph-button>
    <ph-button :mini="true" type="success">成功</ph-button>
    <ph-button :mini="true" type="warning">警告</ph-button>
    <ph-button :mini="true" type="danger">危险</ph-button>
    <ph-button :mini="true" >默认</ph-button>
    <ph-button :mini="true" type="golden">金色</ph-button>
</ph-button-group>`;
export const disabledBtn = `<ph-button-group :container="true">
    <ph-button :disabled="true" type="primary">基本</ph-button>
    <ph-button :disabled="true" type="success">成功</ph-button>
    <ph-button :disabled="true" type="warning">警告</ph-button>
    <ph-button :disabled="true" type="danger">危险</ph-button>
    <ph-button :disabled="true" >默认</ph-button>
    <ph-button :disabled="true" type="golden">金色</ph-button>
</ph-button-group>`;
export const radiusBtn = `<ph-button-group :container="true">
    <ph-button :radius="true" type="primary">基本</ph-button>
    <ph-button :radius="true" type="success">成功</ph-button>
    <ph-button :radius="true" type="warning">警告</ph-button>
    <ph-button :radius="true" type="danger">危险</ph-button>
    <ph-button :radius="true" >默认</ph-button>
    <ph-button :radius="true" type="golden">金色</ph-button>
</ph-button-group>`;
export const iconBtn = `<ph-button-group :container="true">
    <ph-button icon="chrome" type="primary">基本</ph-button>
    <ph-button icon="safari" type="success">成功</ph-button>
    <ph-button icon="firefox" type="warning">警告</ph-button>
    <ph-button icon="internet-explorer" type="danger">危险</ph-button>
    <ph-button icon="safari" >默认</ph-button>
    <ph-button icon="chrome" type="golden">金色</ph-button>
</ph-button-group>`;
export const iconRightBtn = `<ph-button-group :container="true">
    <ph-button iconRight="chrome" type="primary">基本</ph-button>
    <ph-button iconRight="safari" type="success">成功</ph-button>
    <ph-button iconRight="firefox" type="warning">警告</ph-button>
    <ph-button iconRight="internet-explorer" type="danger">危险</ph-button>
    <ph-button iconRight="safari" >默认</ph-button>
    <ph-button iconRight="chrome" type="golden">金色</ph-button>
</ph-button-group>`;
export const blockBtn = `<ph-button-group :container="true">
    <ph-button :block="true" type="primary">基本</ph-button>
    <ph-button :block="true" type="success">成功</ph-button>
    <ph-button :block="true" type="warning">警告</ph-button>
    <ph-button :block="true" type="danger">危险</ph-button>
    <ph-button :block="true" >默认</ph-button>
    <ph-button :block="true" type="golden">金色</ph-button>
</ph-button-group>`;
export const alignBtn = `<ph-button-group :container="true">
    <ph-button type="primary">基本</ph-button>
    <ph-button type="success">成功</ph-button>
    <ph-button type="warning">警告</ph-button>
    <ph-button type="danger">危险</ph-button>
    <ph-button >默认</ph-button>
    <ph-button type="golden">金色</ph-button>
</ph-button-group>
<ph-button-group justify="center">
    <ph-button type="primary">基本</ph-button>
    <ph-button type="success">成功</ph-button>
    <ph-button type="warning">警告</ph-button>
    <ph-button type="danger">危险</ph-button>
    <ph-button >默认</ph-button>
    <ph-button type="golden">金色</ph-button>
</ph-button-group>
<ph-button-group justify="flex-end">
    <ph-button type="primary">基本</ph-button>
    <ph-button type="success">成功</ph-button>
    <ph-button type="warning">警告</ph-button>
    <ph-button type="danger">危险</ph-button>
    <ph-button >默认</ph-button>
    <ph-button type="golden">金色</ph-button>
</ph-button-group>
<ph-button-group :container="true">
    <ph-button icon="chrome" type="primary">基本</ph-button>
    <ph-button icon="safari" type="success">成功</ph-button>
    <ph-button icon="internet-explorer" type="warning">警告</ph-button>
    <ph-button icon="opera" >默认</ph-button>
</ph-button-group>
<ph-button-group justify="center">
    <ph-button icon="chrome" type="primary">基本</ph-button>
    <ph-button icon="safari" type="success">成功</ph-button>
    <ph-button icon="internet-explorer" type="warning">警告</ph-button>
    <ph-button icon="opera" >默认</ph-button>
</ph-button-group>
<ph-button-group justify="flex-end">
    <ph-button icon="chrome" type="primary">基本</ph-button>
    <ph-button icon="safari" type="success">成功</ph-button>
    <ph-button icon="internet-explorer" type="warning">警告</ph-button>
    <ph-button icon="opera" >默认</ph-button>
</ph-button-group>`;
